<#include "/com/uikoo9/util/jfinal/view/common/inc.html"/>
        <!--body end extend-->
<link rel="stylesheet" type="text/css" href="${base}/WUI/timeline/timeline.css">
<link href="${base}/WUI/bootstrap-order/css/bootstrap-order.min.css" rel="stylesheet">
<link href="${base}/WUI/web/extend.css" rel="stylesheet">



<!--<script type='text/javascript' src='${base}/jquery-autocomplete/lib/jquery.js'></script>-->
<script type='text/javascript' src='${base}/jquery-autocomplete/jquery.autocomplete.js'></script>
<script type="text/javascript" src="${base}/WUI/js/tc.all.js"></script>
<script type="text/javascript" src="${base}/WUI/my.js"></script>
<script src="${base}/WUI/js/googleTableDate.js"></script>
<script type="text/javascript" src="${base}/WUI/timeline/timeline.js"></script>
<script src="${base}/WUI/bootstrap-order/js/bootstrap-order-me.js"></script>
<link rel="stylesheet" type="text/css" href="${base}/jquery-autocomplete/jquery.autocomplete.css" />

<script type="text/javascript" src="${base}/include/pop.js"></script>
<script type="text/javascript" src="${base}/include/onewf.js"></script>


<@js>$(function(){qiao.bindmenus();qiao.bindverttabs();})</@js>

<#-- bsuls -->
    <#macro bsuls lis icons='' >
        <#if lis??>
            <ul class="list-group">
                <#list lis as li>
                    <li class="list-group-item" id="${li.id}">${li.text}<#if li.extend??>${li.extend}</#if>
                    <#list icons?split(",") as s>
                        <#assign iconstyle=stausColorMap.get(s+li.status!"")!"">
                        <@bsbutton size='xs' icon=s class=s+'class' style='color:'+iconstyle/>
                    </#list></li>
                </#list>
            </ul>
        </#if>
    </#macro>

<#-- bsspy -->
    <#macro bsspy lis style='position:fixed;top:70px;margin-left:120px;' title='title' >
        <div class="scrolldiv" style=${style}>
            <ul class="nav nav-pills nav-stacked" role="tablist">
                <li role="presentation" class="active"><a href="#jfinalq-intro" class="list-group-item">${title}</a></li>
                <#if lis??>
                    <#list lis as li>
                <li role="presentation" class=""><a href="#${li.id}" class="list-group-item">${li.text}</a></li>
                    </#list>
                </#if>
            </ul>
            <@js>$(function(){qiao.bs.spy();})</@js>
        </div>
    </#macro>

<#-- bstabs -->
    <#macro bstabs lis id='My'>
    <div class="bs-example bs-example-tabs" data-example-id="togglable-tabs">
        <ul id="${id}tabs" class="nav nav-tabs" role="tablist">
            <#if lis??>
                <#list lis as li>
            <li role="presentation" class="${(li_index ==0)?string( 'active','')}"><a href="#${li.id}" id="${li.id}-tab" role="tab" data-toggle="tab" aria-controls="${li.id}" aria-expanded="true">${li.text}</a></li>
                </#list>
            </#if>
        </ul>
        <div id="${id}tabsContent" class="tab-content">
            <#nested>
        </div>
    </div>
    </#macro>

    <#macro bstab id num>
        <div role="tabpanel" class="tab-pane fade ${(num==0) ?string('active in','')}" id="${id}" aria-labelledby="${id}-tab">
            <p><#nested></p>
        </div>
    </#macro>

<#-- bsVerticalTabs -->
    <#macro bsverttabs lis id='My'>
        <div class="verttabs_y" >
            <ul id="${id}verttabs" class="nav nav-tabs">
                <#if lis??>
                    <#list lis as li>
                        <li class="${(li_index ==0)?string( 'active','')}"><a href="#vert${li.id}"  id="${li.id}-vrttab" data-toggle="tab">
                            <span class="label label-info">${li.text?replace("&nbsp;&nbsp;&nbsp;","")}</span>&nbsp;
                        </a></li>
                    </#list>
                </#if>
            </ul>
            <div class="tab-content">
                <#nested>
            </div>
        </div>
    </#macro>

    <#macro bsverttab id num>
        <div class="tab-pane ${(num==0) ?string('active in','')}" id="vert${id}">
            <#nested>
        </div>
    </#macro>

<#-- dealSoutList -->
    <#macro soutList lis>
        <#if lis??>
            <#list lis as li>
                <#nested>
            </#list>
        </#if>
    </#macro>

<#-- bsdropdown->
    <#macro bsdropdown id >
        <li class="dropdown">
            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">${user.ucenter_user_name}<span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" class="modifyPwd">修改密码</a></li>
                <li role="presentation"><a role="menuitem" tabindex="-1" href="${base}/login/logout">退出系统</a></li>
            </ul>
        </li>
    </#macro>

<#-- faceme -->
    <#macro faceme toid=''>
        <ul class="media-list" id="facegroup">
            <li class="media">
                <div class="media-left">
                    <a href="javascript:void(0);" id="_face1">
                        <img class="media-object" src="${base}/WUI/timeline/examples/img/3d-3.jpg" alt="..." >
                    </a>
                </div>
            </li><li class="media">
            <div class="media-left">
                <a href="javascript:void(0);" id="_face2">
                    <img class="media-object" src="${base}/WUI/timeline/examples/img/3d-2.jpg" alt="..." >
                </a>
            </div>
        </li><li class="media">
            <div class="media-left">
                <a href="javascript:void(0);" id="_face3">
                    <img class="media-object" src="${base}/WUI/timeline/examples/img/3d-1.jpg" alt="..." >
                </a>
            </div>
        </li><li class="media">
            <div class="media-left">
                <a href="javascript:void(0);" id="_face4">
                    <img class="media-object" src="${base}/WUI/timeline/examples/img/3d-4.jpg" alt="..." >
                </a>
            </div>
        </li>
        </ul>
    </#macro>